/*----- Reset -----*/
html {
  margin: 0;
  padding: 0;
  border: 0; }

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section, colspan {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

/* Line-height should always be unitless! */
body {
  color: #000;
  font: normal normal 100%/1.125em arial, sans-serif;
  background-color: #FFF;
  word-wrap: break-word; }

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
  display: block; }

input, select, textarea, button {
  margin: 0;
  font-family: arial,sans-serif; }

/* Remove possible quote marks (") from &lt;q&gt, &lt;blockquote&gt. */
blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

blockquote, q {
  quotes: "" ""; }

/* Remove annoying border on linked images. */
a:link, a:visited {
  color: #075d9a;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:active {
  color: #ef5a00; }

a img {
  border: none; }

/* Remember to define your own focus styles! */
:focus {
  outline: 0; }

/* common */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.clear {
  clear: both; }

.bdno {
  border: 0 none !important; }

.bdtno {
  border-top: 0 none !important; }

.bdrno {
  border-right: 0 none !important; }

.bdbno {
  border-bottom: 0 none !important; }

.bdlno {
  border-left: 0 none !important; }

.bdcno {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }

.floatL {
  float: left !important; }

.floatR {
  float: right !important; }

.floatNo {
  float: none !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

/* form */
textarea, input, select {
  color: #000; }

.placeholder {
  color: #9d9a9a; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

/* Firefox 18- */
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

/* Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

